<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/flexible.debug.js"></script>
		<script src="js/flexible_css.debug.js"></script>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/yijian.css" />
	</head>
	<body>
		
		<header class="header">
			<span class="left"><img src="img/updata.png"/></span>
			<span class="center">意见反馈</span>
			
		</header>
		
		<section class="section">
			
			
			<!--<input name="textfield" type="text" placeholder="点击文字消失" onfocus="if (value =='点击文字消失'){value =''}" onblur="if (value ==''){value='点击文字消失'}" />
				-->
				
			<div class="textarea">
				<textarea id="myinput" ></textarea>
			</div>	
			
			
			<div class="input">
				<input type="text"  placeholder="请填写您的邮箱或手机"/>
					
			</div>
			
			
		</section>
		<script src="js/jquery-1.12.4.min.js"></script>
		<script>
		$(function(){  
                var t = $('#myinput'); //获取到文本域对象  
                t.css("color","#A9A9A9"); //设置文本域的样式  
                t.val("请留下你的意见和建议"); //设置默认显示文字  
                var default_value = t.val(); //把默认显示的文字赋给一个变量  
                  
                t.focus(function() {  //当鼠标点击文本域时修改文本域的样式，判断文本域内的文字是否等于默认值，如果等于就把文本域内设空  
                    t.css("color","black");  
                    if (t.val() == default_value) {  
                        t.val('');  
                    }  
                });  
  
                t.blur(function() { //当文本域失去鼠标焦点时判断文本域中的值是否为空，如果为空就把文本域的值设置为默认显示的文字并修改样式  
                    t.css("color","black");  
                    if (t.val() == '') {  
                        t.val(default_value);  
                        t.css("color","#A9A9A9");  
                    }  
                });  
  
            });  
		
		</script>
	</body>
</html>
